<!doctype html>
<html lang="en">
    <head>
        <title>Tiny Scrollbar: A crossbrowser lightweight javascript/jQuery scrollbar.</title>


        <link rel="stylesheet" href="../responsive/tinyscrollbar.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/base/jquery.js"></script>
        <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript" src="../responsive/jquery.tinyscrollbar.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                var $scrollbar = $("#scrollbar1");

                $scrollbar.tinyscrollbar();
            });
        </script>
    </head>
    <body>
        <div id="scrollbar1">
            <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
            <div class="viewport">
                 <div class="overview">
                    <h3>Magnis dis parturient montes</h3>
                   
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                   
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                   
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                   
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                   
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                   
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                                       <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                    <p>Lorem ipsum dunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
                </div>
            </div>
        </div>
    </body>
</html>
